<nav class="navbar navbar-pf-vertical"> {% load static %}
    <div class="navbar-header">
        <button type="button" class="navbar-toggle">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
        <a href="{% url 'index' %}" class="navbar-brand">
            <img class="navbar-brand-icon" src="{% static 'img/logo-alt.svg' %}" alt=""/><img class="navbar-brand-name" src="{% static 'img/brand-alt.svg' %}" alt="PatternFly Enterprise Application" />
        </a>
    </div>

    <nav class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right navbar-iconic navbar-utility">
            <li class="dropdown">
                <a href="#0" class="dropdown-toggle nav-item-iconic" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    <span title="Help" class="fa pficon-help"></span>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="#0">帮助</a></li>
                    <li><a href="#0">关于</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#0" class="dropdown-toggle nav-item-iconic" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    <span title="Username" class="fa pficon-user"></span>
          {{ request.user.email }}ss <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
                    <li><a href="#0">设置</a></li>
                    <li><a href="{% url 'user_logout' %}">注销</a></li>
                </ul>
            </li>
        </ul>
    </nav>

</nav> 